<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		<title>Javascript PubSub设计模式</title>
		<style>
			:root{
				--border-width:5px;
				--border-radius:1rem;
				--text-color: #555;
			}
			body {
				padding: 2rem;
				display: grid;
				grid-template-columns: 2fr 1.5fr 1.5fr;
				gap: 1rem;
				align-items: stretch;
				min-height: 50vh;
			}

			my-stats {
				margin-top: 1rem;
			}
		</style>
	</head>
	<body>
		<div>
			<manage-form></manage-form>
			<my-stats></my-stats>
		</div>
		<learning-list></learning-list>
		<todo-list></todo-list>

		<script src="index.js" type="module"></script>
	</body>
</html>